.contentsPage {
    @include page-setup(white);
    gap: 0;
    padding-top: 10px !important;
    padding-bottom: 10px !important;

    &-codeViewer {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 1220px;
        overflow: hidden;

        &-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        &-name {
            font-weight: 600;
            padding: 12px 8px;
        }
    }
    &-download {
        text-decoration: none;
        color: inherit;
    }
    &-theme {
        min-width: 70%;
        border-radius: 6px;
    }

    &-button {
        cursor: pointer;
        align-self: flex-start;
    }

    &-docViewer {
        width: 100%;
        height: calc(100dvh - 164px);
    }

    &-error {
        display: flex;
        flex-direction: column;
        align-items: center;

        &-text {
            text-align: center;
            text-wrap: balance;
        }
    }
}
